{template common/header}
<div class="container user-login cls">
	<h2 class="span6 text_c clearfix mb20">{lang login_tip}</h2>
	<div class="span6 login-form">
		{if $ucopen&&$language=='zh_cn'}
		<ul id="loginTab" class="nav nav-tabs">
		   <li class="active" style="margin-left: 60px;"><a href="#ptx_login" data-toggle="tab">{lang pin_user}</a></li>
			<li><a href="#bbs_login" data-toggle="tab">{lang bbs_user}</a></li>
		</ul>
		{/if}
		<div id="loginTabContent" class="tab-content">  
			<div class="tab-pane fade active in" id="ptx_login">
				<form id="login_form" action="{url user/login}" method="post" class="form-horizontal ml0 pull-left">
			        <fieldset>
			          <div class="control-group">
			            <label class="control-label" for="email">{lang user_email}</label>
			            <div class="controls">
			              <input type="text" class="input-medium" id="email" name="email" not-valid="{lang 500_email_not_valid:tip}">
			            </div>
			          </div>
			           <div class="control-group">
			            <label class="control-label" for="password">{lang user_password}</label>
			            <div class="controls">
			              <input type="password" class="input-medium" id="password" name="password" not-valid="{lang 500_password_not_valid:tip}">
			            </div>
			          </div>
			          {if $vcodesetting['login']}
						<div class="control-group">
							<label class="control-label" for="verifycode">{lang verifycode}</label>
							<div class="controls">
						    	<input class="span1" id="verifycode" type="text" name="verifycode" remote="{url misc/vcheck}" remote-error="{lang 500_vcode:tip}">
						    	<img alt="verifycode" src="{url misc/vcode}" height="40"/>
					        	<a href="javascript:void(0);" data-action="vcodeRefresh">{lang verifycode_refresh}</a>
						    </div>
						</div>
					  {/if}
					<div class="control-group">
						<label class="control-label" for="remember"></label>
						<div class="controls">
							<label class="checkbox">
								<input id="remember" name="remember" type="checkbox" value="1" checked="checked">
							 	{lang autologin_next}
							</label>
						 </div>
					</div>
			          <div class="control-group"> 
						<label class="control-label"></label>
						<div class="controls">
						    <button type="submit" class="btn btn-success ajax_btn submit-btn" data-loading-text="{lang tip_process_login}">{lang login}</button>
						    <a href="{url user/forgetpassword}">{lang forget_password}</a> 
						</div>
					  </div>
			        </fieldset>
			    </form>
	    	</div>
	    	{if $ucopen&&$language=='zh_cn'}
	    	<div class="tab-pane fade" id="bbs_login">
				<form id="bbs_login_form" action="{url user/bbslogin}" method="post" class="form-horizontal">
					<fieldset>
						<div class="control-group">
				            <label class="control-label" for="bbs_username">{lang bbs_username}</label>
				            <div class="controls">
				                <input class="input-medium" id="bbs_username" type="text" name="bbs_username">
				            </div>
				        </div>
						<div class="control-group">
				            <label class="control-label" for="bbs_password">{lang user_password}</label>
				            <div class="controls">
				               	<input class="input-medium" id="bbs_password" type="password" name="bbs_password">
				            </div>
				        </div>
				        <div class="control-group">
				        	<label class="control-label"></label>
				            <div class="controls">
				            <button type="submit" class="btn btn-success ajax_btn submit-btn" data-loading-text="{lang tip_loading}">{lang login}</button>
				            </div>
				        </div>
					</fieldset>
				</form>
			</div>
	    	{/if}
	    </div>
	</div>
	<div class="span4 login-others">
			<ul class="unstyled">
				<li><strong>{lang other_login}</strong> {lang or} <strong><a href="javascript:void(0);" data-action="openRegisterDialog">{lang register}</a></strong></li>
				{loop $socialapis $key $vendor}
				{if $vendor['open']}
				<li><a href="{url social/go?vendor=$key}"><i class="loginico-$key"></i></a></li>
				{/if}
				{/loop}
			</ul>
	</div>
</div>
<script type="text/javascript">
<!--
$(document).ready(function($) {
	$.oValidate('login_form');
});
//-->
</script>
{template common/footer}
